    * {
        padding: 0;
        margin: 0;
    }
    
    body {
        position: relative;
        background-color: #f0f1f1;
    }
    /* 头部 */
    
    header {
        width: 100%;
        height: 48px;
        background-color: #323232;
    }
    
    header .header-con {
        width: 1100px;
        height: 48px;
        margin: 0 auto;
    }
    
    header .header-con .title {
        width: 183px;
        height: 116px;
        background-color: #dd4012;
        float: left;
        position: absolute;
        z-index: 13;
    }
    
    .header-con .title img {
        margin-top: 31px;
        margin-left: 11px;
    }
    
    .header-con .title span {
        color: #ffac94;
        font-size: 12px;
        margin-left: 11px;
    }
    
    li {
        list-style: none;
    }
    
    a {
        text-decoration: none;
    }
    
    header .header-con .ulList {
        display: flex;
        float: left;
        font-size: 13px;
        /* color: #a6a6a6; */
        width: 484px;
        justify-content: space-between;
        margin-left: 22px;
        height: 48px;
        align-items: center;
    }
    
    header .header-con .ulList li {
        width: 87px;
        height: 48px;
        text-align: center;
        line-height: 48px;
    }
    
    header .header-con .ulList li a {
        width: 87px;
        height: 48px;
        display: inline-block;
        color: #a6a6a6;
    }
    
    header .header-con .ulList li:hover a {
        background-color: #dd4012;
        color: #ffffff;
    }
    
    header .header-con .number img {
        width: 273px;
        /* height: 48px; */
        float: right;
        margin-top: 15px;
    }
    /* 大图 */
    
    .picture {
        width: 100%;
        height: 222px;
        background: url(../../传悦/img/1/2.png);
        position: relative;
    }
    
    .picture .site {
        width: 100%;
        background-color: rgba(40, 41, 45, 0.5);
        position: absolute;
        bottom: 0;
    }
    
    .picture .site .site-con {
        width: 1100px;
        height: 26px;
        margin: 0 auto;
        font-size: 12px;
        color: #a6a6a6;
        margin-top: 7px;
    }
    /* 全部 */
    
    .all {
        width: 1100px;
        height: 26px;
        margin: 0 auto;
        margin-top: 26px;
    }
    
    .all li {
        float: left;
        width: 77px;
        height: 26px;
        background-color: white;
        font-size: 12px;
        color: #939393;
        text-align: center;
        line-height: 26px;
        margin-right: 5px;
    }
    
    .all li:hover {
        background-color: #636363;
        color: white;
        cursor: pointer;
    }
    /* 小方块 */
    
    .box {
        width: 1100px;
        margin: 0 auto;
        margin-top: 26px;
        display: flex;
        flex-wrap: wrap;
        height: 1033px;
        justify-content: space-between;
    }
    
    .box .box1 {
        width: 260px;
        height: 234px;
        background-color: white;
        float: left;
        margin-bottom: 30px;
    }
    
    .box .box1 dd:nth-child(2) {
        font-weight: bold;
        font-size: 15px;
        color: #000000;
        margin-left: 14px;
        margin-top: 9px;
        margin-bottom: -8px;
    }
    
    .box .box1 dd:nth-child(4) {
        font-size: 11px;
        color: #939292;
        margin-left: 14px;
        margin-top: 8px;
    }
    
    .box .box1 span {
        width: 260px;
        height: 1px;
        background-color: #f0f1f1;
        display: inline-block;
    }
    
    #template {
        display: none;
    }
    /* 换页 */
    
    .change {
        width: 239px;
        height: 36px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        margin-top: 45px;
    }
    
    .change span {
        width: 37px;
        height: 36px;
        background-color: white;
        display: inline-block;
    }
    
    .change span a {
        text-align: center;
        width: 37px;
        height: 36px;
        display: inline-block;
        color: #b1a9bb;
        font-size: 10px;
        line-height: 36px;
    }
    
    .change span a:hover {
        background-color: #dd4012;
        color: white;
    }
    /* 底部 */
    
    footer {
        width: 100%;
        height: 81px;
        background-color: #323232;
        margin-top: 40px;
    }
    
    footer .footer-con {
        width: 1100px;
        height: 81px;
        margin: 0 auto;
    }
    
    footer .footer-con img {
        margin-top: 24px;
    }